<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>layout 管理系统大布局 - Layui</title>
  <link rel="stylesheet" href="./utils/layui/css/layui.css">
  <script src="./utils/layui/layui.js"></script>

</head>

<body>
  <div class="layui-layout layui-layout-admin">
    <div class="layui-header">
      <div class="layui-logo layui-hide-xs layui-bg-black">智慧物业</div>
      <!-- 头部区域（可配合layui 已有的水平导航） -->
      <!-- <ul class="layui-nav layui-layout-left">
     
      <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
        <i class="layui-icon layui-icon-spread-left"></i>
      </li>
      
      <li class="layui-nav-item layui-hide-xs"><a href="">nav 1</a></li>
      <li class="layui-nav-item layui-hide-xs"><a href="">nav 2</a></li>
      <li class="layui-nav-item layui-hide-xs"><a href="">nav 3</a></li>
      <li class="layui-nav-item">
        <a href="javascript:;">nav groups</a>
        <dl class="layui-nav-child">
          <dd><a href="">menu 11</a></dd>
          <dd><a href="">menu 22</a></dd>
          <dd><a href="">menu 33</a></dd>
        </dl>
      </li>
    </ul> -->
      <ul class="layui-nav layui-layout-right">
        <li class="layui-nav-item layui-hide layui-show-md-inline-block">
          <a href="javascript:;">
            <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"
              class="layui-nav-img">
            tester
          </a>
          <dl class="layui-nav-child">
            <dd><a href="">Your Profile</a></dd>
            <dd><a href="">Settings</a></dd>
            <dd><a href="">Sign out</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
          <a href="javascript:;">
            <i class="layui-icon layui-icon-more-vertical"></i>
          </a>
        </li>
      </ul>
    </div>

    <div class="layui-side layui-bg-black">
      <div class="layui-side-scroll">
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
        <ul class="layui-nav layui-nav-tree" lay-filter="test">
          <li class="layui-nav-item layui-nav-itemed">
            <a class="" href="javascript:;">首页</a>
            <!-- <dl class="layui-nav-child">
            <dd><a href="javascript:;">menu 1</a></dd>
            <dd><a href="javascript:;">menu 2</a></dd>
            <dd><a href="javascript:;">menu 3</a></dd>
            <dd><a href="">the links</a></dd>
          </dl> -->
          </li>
          <li class="layui-nav-item">
            <a href="javascript:;">数据中心</a>
            <dl class="layui-nav-child">
              <dd><a href="javascript:;">小区管理</a></dd>
              <dd><a href="javascript:;">楼宇管理</a></dd>
              <dd><a href="javascript:;">车位管理</a></dd>
              <dd><a href="javascript:;">业主管理</a></dd>
              <dd><a href="javascript:;">租客管理</a></dd>
              <dd><a href="javascript:;">访客管理</a></dd>
              <dd><a href="javascript:;">广告位管理</a></dd>
              <dd><a href="javascript:;">车辆管理</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item">
            <a href="javascript:;">收费管理</a>
            <dl class="layui-nav-child">
              <dd><a href="javascript:;">list 1</a></dd>
              <dd><a href="javascript:;">list 2</a></dd>
              <dd><a href="">超链接</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item">
            <a href="javascript:;">物业服务</a>
            <dl class="layui-nav-child" id="father">
              <dd><a href="javascript:;" id="Announcement">公告管理</a></dd>
              <dd><a href="javascript:;" id="aboutMaintenance">报事报修</a></dd>
              <dd><a href="javascript:;" id="complaints">投诉管理</a></dd>
              <dd><a href="javascript:;" id="SMS">短信管理</a></dd>
              <dd><a href="javascript:;" id="decorate">装修管理</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item">
            <a href="javascript:;">物料管理</a>
            <dl class="layui-nav-child">
              <dd><a href="javascript:;">list 1</a></dd>
              <dd><a href="javascript:;">list 2</a></dd>
              <dd><a href="">超链接</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item">
            <a href="javascript:;">租聘管理</a>
            <dl class="layui-nav-child">
              <dd><a href="javascript:;">list 1</a></dd>
              <dd><a href="javascript:;">list 2</a></dd>
              <dd><a href="">超链接</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item">
            <a href="javascript:;">设备管理</a>
            <dl class="layui-nav-child">
              <dd><a href="javascript:;">list 1</a></dd>
              <dd><a href="javascript:;">list 2</a></dd>
              <dd><a href="">超链接</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item">
            <a href="javascript:;">收益管理</a>
            <dl class="layui-nav-child">
              <dd><a href="javascript:;">list 1</a></dd>
              <dd><a href="javascript:;">list 2</a></dd>
              <dd><a href="">超链接</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item">
            <a href="javascript:;">统计分析</a>
            <dl class="layui-nav-child">
              <dd><a href="javascript:;">list 1</a></dd>
              <dd><a href="javascript:;">list 2</a></dd>
              <dd><a href="">超链接</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item">
            <a href="javascript:;">系统管理</a>
            <dl class="layui-nav-child">
              <dd><a href="javascript:;">list 1</a></dd>
              <dd><a href="javascript:;">list 2</a></dd>
              <dd><a href="">超链接</a></dd>
            </dl>
          </li>

        </ul>
      </div>
    </div>

    <div class="layui-body" id="main">
      <!-- 内容主体区域 -->
      <!-- 公告管理 -->
      <div class="Announcement">
        <div class="announ-header">
          <div class="addAnnouncement">
            <a href="addrelease.html" class="layui-btn layui-btn-primary">发布公告</a>
          </div>
          <div class="demoTable">
            <!-- 搜索ID： -->
            <div class="layui-inline">
              <input class="layui-input" name="id" id="demoReload" autocomplete="off">
            </div>
            <button class="layui-btn" data-type="reload" id="searchBtn">搜索</button>
          </div>
        </div>

        <table class="layui-table">
          <colgroup>
            <col width="150">
            <col width="200">
            <col>
          </colgroup>
          <thead>
            <tr>
              <th>公告名称</th>
              <th>公告分类</th>
              <th>关联小区</th>
              <th>发布时间</th>
              <th>状态</th>
              <th>发布人</th>
              <th>是否置顶</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody id="list-content">

          </tbody>
        </table>
        <div id="demo7"></div>
      </div>

      <div class="aboutMaintenance">
        <div class="layui-tab">
          <ul class="layui-tab-title">
            <li class="layui-this">报事维修</li>
            <li id="management">派工管理</li>
            <!-- <li>汇总统计</li> -->
          </ul>
          <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
              <div class="announ-header">
                <div class="maintenance">
                  <button class="layui-btn layui-btn-primary maintenanceAdd">报事报修登记</button>
                </div>
                <div class="demoTable">
                  <div class="layui-inline">
                    <input class="layui-input" placeholder="请输入姓名/房号/手机号搜索" name="repairVal" id="repairVal"
                      autocomplete="off">
                  </div>
                  <button class="layui-btn" data-type="reload" id="searchRepair">搜索</button>
                </div>
              </div>

              <table class="layui-table">
                <colgroup>
                  <col width="150">
                  <col width="200">
                  <col>
                </colgroup>
                <thead>
                  <tr>
                    <th>小区</th>
                    <th>房间号</th>
                    <th>来源</th>
                    <th>联系人</th>
                    <th>联系电话</th>
                    <th>状态</th>
                    <th>重要程度</th>
                    <th>受理时间</th>
                    <th>要求完成时间</th>
                    <th>报修状态</th>
                    <th>操作</th>
                  </tr>
                </thead>
                <tbody id="maintenance-content">

                </tbody>
              </table>
              <div id="demo6"></div>
            </div>

            <div class="layui-tab-item">
              <a class="layui-btn layui-btn-normal" name="excelExport" id="excelExport" title="导出到excel"><i
                  class="ace-icon fa fa-cloud-download  bigger-110"></i>导出</a>
              <table class="layui-table" id="table_report" class="table table-striped table-bordered table-hover">
                <colgroup>
                  <col width="150">
                  <col width="200">
                  <col>
                </colgroup>
                <thead>
                  <tr>
                    <th>派发时间</th>
                    <th>处理人</th>
                    <th>服务地址</th>
                    <th>要求处理事项</th>
                    <th>派工备注</th>
                    <th>完成时间</th>
                    <th>完成情况</th>
                  </tr>
                </thead>
                <tbody id="Dispatching-content">

                </tbody>
              </table>

            </div>
            <div class="layui-tab-item">内容3</div>
          </div>
        </div>

      </div>

      <div class="complaints">
        <div class="announ-header">
          <div class="addAnnouncement">
            <button class="layui-btn layui-btn-primary entry">录入投诉</button>
          </div>
          <div class="demoTable">
            <!-- 搜索ID： -->
            <div class="layui-inline">
              <input class="layui-input" name="complaintsVal" placeholder="请输入房号姓名手机号" autocomplete="off">
            </div>
            <button class="layui-btn" data-type="reload" id="complaintssearchBtn">搜索</button>
          </div>
        </div>

        <table class="layui-table">
          <colgroup>
            <col width="150">
            <col width="200">
            <col>
          </colgroup>
          <thead>
            <tr>
              <th>小区</th>
              <th>房间号</th>
              <th>投诉建议人</th>
              <th>投诉日期</th>
              <th>联系电话</th>
              <th>状态</th>
              <th>投诉内容</th>
              <th>受理人</th>
              <th>受理时间</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody id="complaints-content">

          </tbody>
        </table>
        <div id="demo3"></div>
      </div>

      <div class="SMS">

        <div class="layui-tab">
          <ul class="layui-tab-title">
            <li class="layui-this" id="mass">短信群发</li>
            <li id="template">短信模板</li>
            <li id="smsRecord">短信发送记录</li>
            <li id="sms-list">短信购买记录</li>
            <li id="smsBuy"> 购买短信 </li>
          </ul>

          <div class="layui-tab-content">

            <div class="layui-tab-item layui-show">
              <form class="layui-form" action="">
                <div class="layui-form-item">
                  <label class="layui-form-label">短信模板</label>
                  <div class="layui-input-inline">
                    <select name="MessageTemplate" lay-verify="required">

                    </select>
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label">发送类型</label>
                  <div class="layui-input-block">
                    <input type="radio" name="sex" value="0" title="指定身份发送">
                    <input type="radio" name="sex" value="1" title="指定号码发送" checked>
                  </div>
                  <div class="layui-form-item">
                    <label class="layui-form-label">住户身份</label>
                    <div class="layui-input-block">
                      <input type="checkbox" name="like[write]" title="业主本人">
                      <input type="checkbox" name="like[read]" title="家人" checked>
                      <input type="checkbox" name="like[dai]" title="租客">
                    </div>
                  </div>
                </div>

                <div class="layui-form-item">
                  <div class="layui-input-block">
                    <button class="layui-btn" id="sendSms" lay-submit lay-filter="formDemo">立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">返回</button>
                  </div>
                </div>
              </form>
            </div>
            <div class="layui-tab-item">
              <div class="announ-header">
                <div class="addDecorate">
                  <button class="layui-btn layui-btn-primary SMSAdd">添加</button>
                </div>
                <div class="demoTable">
                  <!-- 搜索ID： -->
                  <div class="layui-inline">
                    <input class="layui-input" name="decorateVal" placeholder="" autocomplete="off">
                  </div>
                  <button class="layui-btn" data-type="reload" id="smsSearch">搜索</button>
                </div>
              </div>

              <table class="layui-table">
                <colgroup>
                  <col width="150">
                  <col width="200">
                  <col>
                </colgroup>
                <thead>
                  <tr>
                    <th>标题</th>
                    <th>内容</th>
                    <th>签名</th>
                    <th>状态</th>
                    <th>操作</th>
                  </tr>
                </thead>
                <tbody id="sms-content">

                </tbody>
              </table>
            </div>
            <div class="layui-tab-item">
              <table class="layui-table">
                <colgroup>
                  <col width="150">
                  <col width="200">
                  <col>
                </colgroup>
                <thead>
                  <tr>
                    <th>短信内容</th>
                    <th>条数</th>
                    <th>发送时间</th>
                  </tr>
                </thead>
                <tbody id="smsrecord-content">

                </tbody>
              </table>
            </div>
            <div class="layui-tab-item">
              <table class="layui-table">
                <colgroup>
                  <col width="150">
                  <col width="200">
                  <col>
                </colgroup>
                <thead>
                  <tr>
                    <th>购买时间</th>
                    <th>套餐类型</th>
                    <th>套餐配额</th>
                    <th>购买数量</th>
                    <th>总计费用</th>
                  </tr> 
                </thead>
                <tbody id="sms-comtent-buy">
                 
                </tbody>
              </table>
            </div>
            <div class="layui-tab-item">
              <div class="layui-tab">
                <ul class="layui-tab-title">
                  <li class="layui-this">固定套餐包</li>
                  <li>自定义套餐包</li>
                </ul>
                <div class="layui-tab-content">


                  <div class="layui-tab-item layui-show" id="space15">
                    <label class="layui-form-label">套餐类型</label>
                    <div class="layui-row layui-col-space15">

                      <div class="layui-col-md3 ">
                        <div class="layui-panel index">
                          <div style="padding: 30px;">
                            <p><span class="s1">1</span>万条<span class="s2">0.045</span>元/条</p>
                          </div>
                        </div>
                      </div>
                      <div class="layui-col-md3 ">
                        <div class="layui-panel index">
                          <div style="padding: 30px;">
                            <p><span class="s1">10</span>万条<span class="s2">0.040</span>元/条</p>
                          </div>
                        </div>
                      </div>
                      <div class="layui-col-md3 ">
                        <div class="layui-panel index">
                          <div style="padding: 30px;">
                            <p><span class="s1">20</span>万条<span class="s2">0.038</span>元/条</p>
                          </div>
                        </div>
                      </div>
                      <div class="layui-col-md3 ">
                        <div class="layui-panel index">
                          <div style="padding: 30px;">
                            <p><span class="s1">50</span>万条<span class="s2">0.036</span>元/条</p>
                          </div>
                        </div>
                      </div>

                    </div>
                    <div class="layui-row layui-col-space15">
                      <div class="layui-col-md3">
                        <div class="layui-panel index">
                          <div style="padding: 30px;">
                            <p><span class="s1">100</span>万条<span class="s2">0.035</span>元/条</p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <form class="layui-form" action="">
                      <div class="layui-form-item">
                        <label class="layui-form-label">购买数量</label>
                      </div>
                      <div class="layui-form-item">
                        <div id="flex">
                          <button type="button" class="layui-btn" id="jia">
                            <i class="layui-icon layui-icon-addition"></i>
                          </button>
                          <input type="number" id="number" value="1" required lay-verify="required" min="1"
                            autocomplete="off" class="layui-input">
                          <button type="button" class="layui-btn" id="jian">
                            <i class="layui-icon layui-icon-subtraction"></i>
                          </button>
                        </div>
                      </div>
                      <div class="layui-form-item">
                       <div class="itemson">
                         <p>总计费用</p>
                        <span class="layui-btn layui-btn-primary layui-border-black" id="payNum"></span>
                       </div>
                      </div>
                      <div class="layui-form-item">
                        <button class="layui-btn layui-btn-primary layui-border-black" id="Buynow">立即购买</button>
                      </div>
                    </form>
                  </div>
                  <div class="layui-tab-item">内容2</div>

                </div>
              </div>

            </div>
          </div>
        </div>

      </div>

      <div class="decorate">
        <div class="announ-header">
          <div class="addDecorate">
            <button class="layui-btn layui-btn-primary decorateapply">装修申请</button>
          </div>
          <div class="demoTable">
            <!-- 搜索ID： -->
            <div class="layui-inline">
              <input class="layui-input" name="decorateVal" placeholder="请输入房号姓名手机号" autocomplete="off">
            </div>
            <button class="layui-btn" data-type="reload" id="decoratesearch">搜索</button>
          </div>
        </div>

        <table class="layui-table">
          <colgroup>
            <col width="150">
            <col width="200">
            <col>
          </colgroup>
          <thead>
            <tr>
              <th>小区</th>
              <th>房间号</th>
              <th>装修公司</th>
              <th>申请人</th>
              <th>申请日期</th>
              <th>状态</th>
              <th>装修内容</th>
              <th>审批人</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody id="decorate-content">

          </tbody>
        </table>
        <div id="demo4"></div>
      </div>
      <div class="layui-footer">
        <!-- 底部固定区域 -->
        <!-- 底部固定区域 -->
      </div>
    </div>

</body>

</html>